<template>
	<div id="header">
		<span><img src="https://m.mi.com/component/header/img/logo_e6453b2.png" alt="" ></span><div id="search"><a href=""><span @click.prevent="sou()">搜索你需要的商品</span></a></div><span ><img src="https://m.mi.com/component/header/img/user_0319ba0.png" alt="" @click="home()"></span>
	</div>
</template>
<script>
	export default{
		methods:{
			home(){
				console.log(456)
				 this.$router.push({path: '/mine'})
			},
			sou(){
				console.log(468)
				this.$router.push({path:'/search'})
			}
		}
	}
</script>
<style scoped>
#header{
	width: 100%;
	height: 0.47rem;
	font-size: 0.16rem;
	display: flex;
	justify-content:space-between;
	/*background-color: rgb(229, 131, 53);*/
	position: fixed;
	z-index: 2;
	padding-top: 0.1rem;
}

#header span{
	display: block;
	height: 100%;
	margin-left: 0.1rem;
	margin-right: 0.1rem;
}
#header span img{
	height: 60%;
}
#header div{
	width: 75%;
	background: url(https://m.mi.com/component/header/img/search_bfba941.png);
	background-size: cover;
	height: 75%;
}
#search a span{
	text-indent: 0.3rem;
	line-height: 0.35rem;
	
}
	
</style>